<template>
	<div id="mainfooter">
		<div class="copyright">
			<p style="font-size: 20px;">友情链接</p>
			<p>
				<span>
		    <a href="http://page.1688.com/shtml/about/ali_group1.shtml"></a>
		  </span>
				<span>
		    <a href="http://www.alibaba.com/"></a>
		  </span>
				<span>
		    <a href="http://www.1688.com/">阿里巴巴中国站</a></span>
				<span>
		    <a href="http://www.aliexpress.com/">全球速卖通</a></span>
				<span>
		    <a href="http://www.taobao.com/">淘宝网</a></span>
				<span>
		    <a href="http://www.tmall.com/">天猫</a></span>
				<span>
		    <a href="http://ju.taobao.com/">聚划算</a></span>
				<span>
		    <a href="http://www.etao.com/">一淘</a></span>
				<span>
		    <a href="http://www.alimama.com/">阿里妈妈</a></span>
				<span>
		    <a href="http://www.aliyun.com/">阿里云计算</a></span>
				<span>
		    <a href="http://www.yunos.com/">云OS</a></span>
				<span>
		    <a href="http://www.net.cn/">万网</a></span>
				<span>
		    <a href="http://www.alipay.com/">支付宝</a></span>
				<span>
		    <a href="http://www.laiwang.com/">来往</a></span>
			</p>
			<p>© 2018 9badao.com 备案号:
				<a href="http://www.miitbeian.gov.cn">浙ICP备18045124号</a>
			</p>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'mainfooter',
		data() {
			return {
				msg: 'Welcome to Your Vue.js App'
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	#mainfooter {
		width: 100%;
		height: 150px;
		background: black;
	}
	
	.copyright p {
		text-align: center;
		font-size: 16px;
		font-weight: 200;
		margin-bottom: 20px;
	}
	
	.copyright p a {
		text-decoration: none;
		color: #fff;
	}
	
	.copyright p a:hover {
		color: #f66;
	}
	
	.copyright {
		background-color: black;
	}
	
	.copyright span a {
		color: #fff;
	}
</style>